<template>
  <div>
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item replace name="index" to="/index" icon="shop-o"
        >首页</van-tabbar-item
      >
      <van-tabbar-item replace name="all" to="/all" icon="bag-o"
        >全部商品</van-tabbar-item
      >
      <van-tabbar-item replace name="shop" to="/shop" icon="shopping-cart-o"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item replace name="my" to="/my" icon="contact"
        >个人中心</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style lang="scss" scoped></style>
